vue js 动态修改img src 属性

最新推荐文章于 2024-08-16 09:59:52 发布

写bug给别人改

最新推荐文章于 2024-08-16 09:59:52 发布

阅读量3.3k

点赞数

文章标签： vue.js html javascript

本文链接：https://blog.csdn.net/weixin_46258925/article/details/123912370

版权

本文介绍如何在Vue.js应用中使用计算属性动态地改变img标签的src属性，实现图片资源的灵活加载。

摘要由CSDN通过智能技术生成

直接通过计算属性修改即可

	
	<img :src = "playStyle">
	
	//写法1
	const playStyle   = computed(()=> 
	playing.value ?require(`@/assets/img/player/play.svg`)
	:require(`@/assets/img/player/stop.svg`) )
    
    //写法2
	computed:{
		
		playStyle(){
			
		根据某个变化的值变换不同src值---->动态修改src只能用require	
			return changeValue?	require(img1):require(img2)
		}

	}